Diagram #1: All chord signatures

[ { interval: "P1", signature: "", degree:"", fn: "?", pins: "-" }, { interval: "P1", signature: "m", degree:"m", fn: "?", pins: "-" }, { interval: "P1", signature: "°", degree:"°", fn: "?", pins: "-" }, { interval: "P1", signature: "+5", degree:"+5", fn: "?", pins: "-" }, { interval: "P1", signature: "7", degree:"7", fn: "?", pins: "-" }, { interval: "P1", signature: "7+5", degree:"7+5", fn: "?", pins: "-" } ],[ { interval: "P1", signature: "M7", degree:"M7", fn: "?", pins: "-" }, { interval: "P1", signature: "M7+5", degree:"M7+5", fn: "?", pins: "-" }, { interval: "P1", signature: "m7", degree:"m7", fn: "?", pins: "-" }, { interval: "P1", signature: "°7", degree:"°7", fn: "?", pins: "-" }, { interval: "P1", signature: "dim7", degree:"dim7", fn: "?", pins: "-" }, { interval: "P1", signature: "Ø", degree:"Ø", fn: "?", pins: "-" }, { interval: "P1", signature: "m7b5", degree:"m7b5", fn: "?", pins: "-" }, ]

Diagram #2: All harmonic functions

[ { interval: "P1", signature: "", degree:"T", fn: "T", pins: "-" }, { interval: "P1", signature: "", degree:"Ts", fn: "Ts", pins: "-" }, { interval: "P1", signature: "", degree:"t", fn: "t", pins: "-" }, { interval: "P1", signature: "", degree:"ts", fn: "ts", pins: "-" }, { interval: "P1", signature: "", degree:"SD", fn: "SD", pins: "-" }, { interval: "P1", signature: "", degree:"SD2", fn: "SD2", pins: "-" } ],[ { interval: "P1", signature: "", degree:"d", fn: "d", pins: "-" }, { interval: "P1", signature: "", degree:"D", fn: "D", pins: "-" }, { interval: "P1", signature: "", degree:"Dst", fn: "Dst", pins: "-" }, { interval: "P1", signature: "", degree:"D2", fn: "D2", pins: "-" }, { interval: "P1", signature: "", degree:"D2st", fn: "D2st", pins: "-" }, { interval: "P1", signature: "", degree:"?", fn: "?", pins: "-" } ]

Diagram #3: non transposable

[ { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "right", links: [{from:"right", to:"left", x:1, y:0, color:'red'}]}, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left+right" }, { interval: "P4", signature: "", degree:"IV", fn: "SD", pins: "left", links: [{from:"left", to:"right", x:-1, y:0, color:'black'}] } ]

Diagram #4: transposable

[ { interval: "P4", signature: "", degree:"IV", fn: "SD", pins: "right", links: [{from:"right", to:"left", x:1, y:0, color:'gray'}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:'red'}]}, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left" } ]

Diagram #5: diatonic/non diatonic border / given tone Ab

Ab [ { interval: "M6", signature: "7", degree:"V7/II", fn: "D2", pins: "right", diatonic: false, links: [{from:"right", to:"left", x:1, y:0, color:'red'}] }, { interval: "M2", signature: "m", degree:"II", fn: "SD", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:'black'}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:'red'}]}, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left" } ]

Diagram #6: transposable / init with Cx tone

Cx [ { interval: "M2", signature: "°", degree:"II", fn: "SD", pins: "right", links: [ {from:"right", to:"left", x:1, y:0, color:'black'}, {from:"right", to:"left", x:1, y:1, color:'gray'}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:'red'}] }, { interval: "P1", signature: "m", degree:"I", fn: "T", pins: "left" } ],[ { interval: "M2", signature: "7", degree:"V7/V", fn: "D2", pins: "right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:0, color:'gray'}, {from:"right", to:"left", x:1, y:-1, color:'red'}] }, { interval: "M7", signature: "°7", degree:"VII°7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:-1, color:'orange'}] } ]

Diagram #7: closed modulations in major / non transposable / text

[ { interval: "P5", signature: "", degree:"V", fn: "d", pins: "right+bottom", links: [ {from:"bottom", to:"top", x:0, y:2, color:'blue', text:"relatif mineur"}]}, null, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left+right+bottom", links: [ {from:"right", to:"left", x:2, y:0, color:'black', text:"à la quarte"}, {from:"left", to:"right", x:-2, y:0, color:'black', text:"à la quinte"}, {from:"right", to:"top", x:2, y:2, color:'black', text:"à la seconde"}, {from:"bottom", to:"top", x:0, y:2, color:'blue', text:"au relatif mineur"}, {from:"left", to:"top", x:-2, y:2, color:'black', text:"à la tierce"} ]}, null, { interval: "P4", signature: "", degree:"IV", fn: "SD", pins: "left+bottom", links: [ {from:"bottom", to:"top", x:0, y:2, color:'blue', text:"relatif mineur"} ]} ],[ null ],[ { interval: "M3", signature: "m", degree:"III", fn: "d", pins: "top"}, null, { interval: "M6", signature: "m", degree:"VI", fn: "t", pins: "top"}, null, { interval: "M2", signature: "m", degree:"II", fn: "SD", pins: "top"} ]

Diagram #8: closed modulations in minor / transposable

[ { interval: "P5", signature: "", degree:"V", fn: "d", pins: "right+bottom", links: [ {from:"bottom", to:"top", x:0, y:2, color:'blue', text:"relatif mineur"} ]}, null, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left+right+bottom", links: [ {from:"right", to:"left", x:2, y:0, color:'black', text:"à la quarte"}, {from:"left", to:"right", x:-2, y:0, color:'black', text:"à la quinte"}, {from:"right", to:"top", x:2, y:2, color:'black', text:"à la seconde"}, {from:"bottom", to:"top", x:0, y:2, color:'blue', text:"au relatif mineur"}, {from:"left", to:"top", x:-2, y:2, color:'black', text:"à la tierce"} ]}, null, { interval: "P4", signature: "", degree:"IV", fn: "SD", pins: "left+bottom", links: [ {from:"bottom", to:"top", x:0, y:2, color:'blue', text:"relatif mineur"} ]} ],[ null ],[ { interval: "M3", signature: "m", degree:"III", fn: "d", pins: "top"}, null, { interval: "M6", signature: "m", degree:"VI", fn: "t", pins: "top"}, null, { interval: "M2", signature: "m", degree:"II", fn: "SD", pins: "top"} ]

Diagram #9

[ { interval: "P5", signature: "", degree:"V", fn: "d", pins: "right"}, { interval: "P1", signature: "m", degree:"I", fn: "T", pins: "left+right+bottom", links: [ {from:"right", to:"left", x:1, y:0, color:'black'}, {from:"left", to:"right", x:-1, y:0, color:'black'}, {from:"bottom", to:"top", x:0, y:1, color:'black'}, {from:"left", to:"right", x:-1, y:1, color:'black'} ]}, { interval: "P4", signature: "m", degree:"IV", fn: "SD", pins: "left"} ], [ { interval: "m3", signature: "", degree:"bIII", fn: "t", pins: "right"}, { interval: "m6", signature: "", degree:"bVI", fn: "SD", pins: "top"} ]

Diagram #10

[ { interval: "M7", signature: "°", degree:"VII", fn: "D", pins: "right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}]}, { interval: "M3", signature: "m", degree:"III", fn: "d", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}]}, { interval: "M6", signature: "m", degree:"VI", fn: "t", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}]}, { interval: "M2", signature: "m", degree:"II", fn: "SD", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}]}, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"red"}]}, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left+right" }, { interval: "P4", signature: "", degree:"IV", fn: "SD", pins: "left", links: [{from:"left", to:"right", x:-1, y:0, color:"black"}]} ]

Diagram #11

[ { interval: "M7", signature: "°", degree:"VII", fn: "D", pins: "right", links: [ {from:"right", to:"left", x:1, y:1, color:"black"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "M3", signature: "m", degree:"III", fn: "d", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"black"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "M6", signature: "m", degree:"VI", fn: "t", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"black"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "M2", signature: "m", degree:"II", fn: "SD", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left+right" }, { interval: "P4", signature: "", degree:"IV", fn: "SD", pins: "left+bottom", links: [{from:"left", to:"right", x:-1, y:0, color:"black"}] } ],[ { interval: "M7", signature: "7", degree:"V7/III", fn: "D2", pins: "right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "M3", signature: "7", degree:"V7/VI", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "M6", signature: "7", degree:"V7/II", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "M2", signature: "7", degree:"V7/V", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"red"}] }, null, { interval: "P1", signature: "7", degree:"V7/IV", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"bottom", x:1, y:-1, color:"red"}] } ]

Diagram #12

[ null, { interval: "M7", signature: "°", degree:"VII", fn: "D", pins: "right", links: [ {from:"right", to:"left", x:1, y:1, color:"black"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "M3", signature: "m", degree:"III", fn: "d", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"black"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "M6", signature: "m", degree:"VI", fn: "t", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"black"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "M2", signature: "m", degree:"II", fn: "SD", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left+right" }, { interval: "P4", signature: "", degree:"IV", fn: "SD", pins: "left+bottom", links: [{from:"left", to:"right", x:-1, y:0, color:"black"}] } ],[ null, { interval: "M7", signature: "7", degree:"V7/III", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "M3", signature: "7", degree:"V7/VI", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "M6", signature: "7", degree:"V7/II", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "M2", signature: "7", degree:"V7/V", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:+1, color:"red"}] }, null, { interval: "P1", signature: "7", degree:"V7/IV", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"bottom", x:1, y:-1, color:"red"}] } ],[ { interval: "A4", signature: "°", degree:"II/III", fn: "SD2", pins: "right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"black"}] }, { interval: "M7", signature: "°", degree:"II/VI", fn: "SD2", pins: "right", links: [{from:"right", to:"left", x:1, y:-1, color:"black"}] }, { interval: "M3", signature: "°", degree:"II/II", fn: "SD2", pins: "right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"black"}] }, { interval: "M6", signature: "m", degree:"II/V", fn: "SD2", pins: "right", links: [ {from:"right", to:"left", x:1, y:-1, color:"black"}] }, null, { interval: "P5", signature: "m", degree:"II/IV", fn: "SD2", pins: "left+right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"black"}] } ]

Diagram #13

[ { interval: "M6", signature: "7", degree:"V7/II", fn: "D2", pins: "right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:0, color:"black"}, {from:"right", to:"left", x:1, y:1, color:"red"}] }, { interval: "M2", signature: "7", degree:"V7/V", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:0, color:"black"}, {from:"right", to:"left", x:1, y:1, color:"red"}] }, { interval: "m2", signature: "7", degree:"subV7", fn: "Dst", pins: "left+right", diatonic: false, links: [{from:"right", to:"left", x:1, y:1, color:"orange"}] } ],[ { interval: "P1", signature: "", degree:"I", fn: "T", pins: "right", links: [ {from:"right", to:"left", x:1, y:0, color:"gray"}, {from:"right", to:"left", x:1, y:1, color:"gray"}] }, { interval: "M2", signature: "m", degree:"II", fn: "SD", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:-1, color:"gray"}, {from:"right", to:"left", x:1, y:1, color:"gray"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "P1", signature: "", degree:"I", fn: "T", pins: "left" } ],[ { interval: "M6", signature: "m", degree:"VI", fn: "t", pins: "right", links: [ {from:"right", to:"left", x:1, y:0, color:"gray"}, {from:"right", to:"left", x:1, y:-1, color:"black"}] }, { interval: "P4", signature: "", degree:"VI", fn: "SD", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:0, color:"gray"}, {from:"right", to:"left", x:1, y:-1, color:"gray"}] }, { interval: "M7", signature: "°7", degree:"VII°7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:-1, color:"orange"}] } ],[ { interval: "P1", signature: "7", degree:"V7/IV", fn: "D2", pins: "right", links: [{from:"right", to:"left", x:1, y:-1, color:"red"}] } ]

Diagram #14

[ { interval: "m3", signature: "", degree:"bIII", fn: "t", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "m6", signature: "", degree:"bVI", fn: "SD", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"gray"}] }, { interval: "M2", signature: "°", degree:"II", fn: "SD", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:0, color:"black"}, {from:"right", to:"left", x:1, y:1, color:"gray"}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"red"}]}, { interval: "P1", signature: "m", degree:"I", fn: "T", pins: "left+right" }, { interval: "P4", signature: "m", degree:"IV", fn: "SD", pins: "left", links: [{from:"left", to:"right", x:-1, y:0, color:"black"}] } ],[ null, null, null, { interval: "M7", signature: "°7", degree:"VII°7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:-1, color:"orange"}]} ]

Diagram #15

[ null, { interval: "m3", signature: "", degree:"bIII", fn: "t", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "m6", signature: "", degree:"bVI", fn: "SD", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"gray"}, {from:"right", to:"left", x:1, y:0, color:"gray"}] }, { interval: "M2", signature: "°", degree:"II", fn: "SD", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:0, color:"black"}, {from:"right", to:"left", x:1, y:1, color:"gray"}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "P1", signature: "m", degree:"I", fn: "T", pins: "left+right" }, { interval: "P4", signature: "m", degree:"IV", fn: "SD", pins: "left+bottom", links: [{from:"left", to:"right", x:-1, y:0, color:"black"}] } ],[ { interval: "m7", signature: "7", degree:"V7/bIII", fn: "D2", pins: "right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "m3", signature: "7", degree:"V7/bVI", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"red"}] }, null, { interval: "M2", signature: "7", degree:"V7/V", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"red"}] }, { interval: "M7", signature: "°7", degree:"VII°7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:-1, color:"orange"}] }, { interval: "P1", signature: "7", degree:"V7/IV", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"bottom", x:1, y:-1, color:"red"}] } ]

Diagram #16

[ null, null, { interval: "m3", signature: "", degree:"bIII", fn: "t", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "m6", signature: "", degree:"bVI", fn: "SD", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"gray"}, {from:"right", to:"left", x:1, y:0, color:"gray"}] }, { interval: "M2", signature: "°", degree:"II", fn: "SD", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:0, color:"black"}, {from:"right", to:"left", x:1, y:1, color:"gray"}] }, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [ {from:"right", to:"left", x:1, y:1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "P1", signature: "m", degree:"I", fn: "T", pins: "left+right" }, { interval: "P4", signature: "m", degree:"IV", fn: "SD", pins: "left+bottom", links: [{from:"left", to:"right", x:-1, y:0, color:"black"}] } ],[ null, { interval: "m7", signature: "7", degree:"V7/bIII", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:0, color:"red"}] }, { interval: "m3", signature: "7", degree:"V7/bVI", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"red"}] }, null, { interval: "M2", signature: "7", degree:"V7/V", fn: "D2", pins: "left+right", diatonic: false, links: [ {from:"right", to:"left", x:1, y:-1, color:"red"}, {from:"right", to:"left", x:1, y:+1, color:"red"}] }, { interval: "M7", signature: "°7", degree:"VII°7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:-1, color:"orange"}] }, { interval: "P1", signature: "7", degree:"V7/IV", fn: "D2", pins: "left+right", diatonic: false, links: [{from:"right", to:"bottom", x:1, y:-1, color:"red"}] } ],[ { interval: "P4", signature: "m", degree:"II/bIII", fn: "SD2", pins: "right", links: [ {from:"right", to:"left", x:1, y:-1, color:"black"}, {from:"right", to:"left", x:1, y:0, color:"black"}] }, { interval: "m7", signature: "m", degree:"II/bVI", fn: "SD2", pins: "right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"black"}] }, null, { interval: "M6", signature: "m", degree:"II/V", fn: "SD2", pins: "right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"black"}] }, null, { interval: "P5", signature: "m", degree:"II/IV", fn: "SD2", pins: "left+right", diatonic: false, links: [{from:"right", to:"left", x:1, y:-1, color:"black"}] } ]

Diagram #17

[ { interval: "P1", signature: "m7", degree:"I", fn: "T", pins: "right", links: [{from:"right", to:"left", x:1, y:0, color:"gray"}]}, { interval: "M2", signature: "°", degree:"II", fn: "SD", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"black"}]}, { interval: "P5", signature: "7", degree:"V7", fn: "D", pins: "left+right", links: [{from:"right", to:"left", x:1, y:0, color:"red"}]}, { interval: "P1", signature: "m7", degree:"I", fn: "T", pins: "left" } ]